$breakpoints: (
  "K4": "only screen and (min-width: 2561px)",
  "K3": "only screen and (max-width: 2880px) and (min-width: 2561px)",
  "K2": "only screen and (max-width: 2560px) and (min-width: 1921px)",
  "lg": "only screen and ( max-width: 1681px)",
  "h950": "only screen and ( max-height: 950px)",
  "md": "only screen and ( max-width: 1440px)",
  "sm": "only screen and ( max-width: 1280px)",
  "xsm": "only screen and ( max-width: 1110px)",
) !default;
@mixin respond-to($breakpoint) {
  $query: map-get($breakpoints, $breakpoint);

  @media #{if(type-of($query) == 'string', unquote($query), inspect($query))} {
    @content;
  }
}
%img {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
%ellipsis-basic {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@function toRem($px, $base: 16) {
  @return ($px / $base) * 1rem;
}
@mixin ellipsis($width: 100%) {
  @extend %ellipsis-basic;
  width: $width;
}
@mixin lineRow($num: 2) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $num;
  -webkit-box-orient: vertical;
}
